<div style="margin-top:15px;" v-if="status">

  <!-- 图标 -->
  <a-alert v-if="!status.connect"
    message="警告"
    description="屏幕掉线啦！！！"
    type="warning"
    showIcon
  ></a-alert>

  <template>
    <a-form :label-col="{ span: 4 }" :wrapper-col="{ span: 18 }">
      <a-form-item label="缩放比例">
        <a-slider style="margin-top: 12px;" v-model.number="scale" :min="0.01" :max="5" :step="0.01" @change="dirty=true"></a-slider>
        {{ parseInt(scale * 100 + 0.5) / 100  }}
      </a-form-item>
      <a-form-item label="位置 X">
        <a-slider style="margin-top: 12px;" v-model.number="originX" :min="-1" :max="1" :step="0.01" @change="dirty=true"></a-slider>
        {{ parseInt(originX * 100 + 0.5) / 100  }}
      </a-form-item>
      <a-form-item label="位置 Y">
        <a-slider style="margin-top: 12px;" v-model.number="originY" :min="-1" :max="1" :step="0.01" @change="dirty=true"></a-slider>
        {{ parseInt(originY * 100 + 0.5) / 100  }}
      </a-form-item>
      <a-form-item :wrapper-col="{ span: 16, offset: 4 }" style="margin-bottom:6px;">
        <a-button-group>
          <a-button @click="btnRefresh" >刷新</a-button>
          <a-button @click="btnCommit" :type="dirty ? 'primary' : ''">提交</a-button>
        </a-button-group>
      </a-form-item>
    </a-form>
  </template>

</div>
<div v-else>
  空
</div>
